<template>
  <div class="centerWrapper f minWidth" v-if="ResultShowCount">
    <div class=""></div>
    <div class="flex1">
      <ul>
        <li>建设统计</li>
        <li class="f f-bian"><div>平台课题总量</div> <div  v-text="ResultShowCount.Number"  >2001</div></li>
        <li class="f f-bian"><div>省级获奖课题总数</div> <div v-text="ResultShowCount.Pro_Number">2001</div></li>
        <li class="f f-bian"><div>市级获奖课题总数</div> <div v-text="ResultShowCount.City_Number">2001</div></li>
        <li class="f f-bian"><div>区级获奖课题总数</div> <div v-text="ResultShowCount.Dis_Number">2001</div></li>
      </ul>
    </div>
    <div class="flex1">
      <ul>
        <li>访问统计</li>
        <li class="f f-bian"><div>平台注册人数</div> <div v-text="ResultShowCount.RegNumber">2001</div></li>
        <li class="f f-bian"><div>课题点击次数</div> <div v-text="ResultShowCount.ClickNumber">2001</div></li>
        <li class="f f-bian"><div>课题下载次数</div> <div v-text="ResultShowCount.DownNumber">2001</div></li>
        <li class="f f-bian"><div>今日访问人数</div> <div v-text="ResultShowCount.DayAccNumber">2001</div></li>
      </ul>
    </div>
  </div>
</template>

<script>
    export default {
        name: "centerList",
      props:{
        ResultShowCount:Object
      }

    }
</script>

<style scoped>
  /*统计*/
  .centerWrapper{
    background-color: white;
    padding: 35px 20px ;
    min-height: 300px;
    margin-top: 20px;
  }
  .centerWrapper>div:first-child{
    width:35%;
    background: url('../../assets/Home/chahua.png') center center no-repeat;
    background-size: 80% 100%;
  }
  .centerWrapper>div{
    /*border: 1px solid;*/
  }
  .centerWrapper>div ul{
    padding: 10px 30px;
  }
  .centerWrapper>div>ul>li:first-child{
    height: 50px;
    line-height: 50px;
    color: #3F90FD;
    font-size: 18px;
    border: none;
  }
  .centerWrapper>div>ul>li{
    border-bottom: 1px dashed #CBCBCB;
    height: 40px;
    line-height: 40px;
  }
  .centerWrapper>div>ul>li{
    width: 100%;
  }
  .centerWrapper>div>ul>li>div:first-child{
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 15px;
    position: relative;
  }
  .centerWrapper>div>ul>li>div:first-child:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #c6c6c6;
    border-radius: 50%;
    top: 17px;
    left: 1px;
  }
</style>
